<!DOCTYPE html>
<html lang="en" xmlns:="http://www.thymeleaf.org">

<head>
<title>信保通</title>
<!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" th:src="${urls.getForLookupPath('https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')}"></script>
      <![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Phoenixcoded">
<meta name="keywords"
	content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="Phoenixcoded">
<!-- Favicon icon -->
<link rel="icon" th:href="${urls.getForLookupPath('/assets/images/favicon.ico')}" type="image/x-icon">
<!-- Google font-->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap/css/bootstrap.min.css')}">
<!-- themify icon -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/themify-icons/themify-icons.css')}">
<!-- ico font -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/icofont/css/icofont.css')}">
<!-- flag icon framework css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
<!-- Menu-Search css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/menu-search/css/component.css')}"> -->
<!-- Horizontal-Timeline css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/horizontal-timeline/css/style.css')}"> -->
<!-- amchart css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/amchart/css/amchart.css')}"> -->
<!-- flag icon framework css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
<!-- Style.css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/style.css')}">
<!--color css-->
<!-- Date-time picker css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/advance-elements/css/bootstrap-datetimepicker.css')}"> -->
<!-- Date-range picker css  -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/css/daterangepicker.css')}" /> -->
<!-- Date-Dropper css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datedropper/css/datedropper.min.css')}" /> -->
<!-- Data Table Css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/data-table/css/buttons.dataTables.min.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}"> -->

<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/linearicons.css')}"> -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/simple-line-icons.css')}">
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/ionicons.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/jquery.mCustomScrollbar.css')}"> -->
<!-- pages -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/element.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/common.css')}">
</head>

<body>
<!-- Pre-loader start -->
	<div class="theme-loader">
	</div>
	<!-- Pre-loader end -->
	<!-- Menu header start -->
	<div id="pcoded" class="pcoded">
		<div class="pcoded-overlay-box"></div>
		<div class="pcoded-container navbar-wrapper">
            <div id="topBar"></div>
			<div class="pcoded-main-container">
				<div class="pcoded-wrapper">
				    <!-- nav -->
				    <div id="sidebarNavbar"></div>
					<div class="pcoded-content">
						<div class="pcoded-inner-content">
                            <!-- main start -->
                            <div class="main-body" id="mainBody">
                                <div class="page-wrapper">
                                    <div class="page-header">
                                        <div class="page-header-title">
                                            <h4>产品查询</h4>
                                            <span>产品查询，包含产品属性查询、项目/活动查询、销售计划查询......</span>
                                        </div>
                                        <div class="page-header-breadcrumb">
                                            <ul class="breadcrumb-title">
                                                <li class="breadcrumb-item"><a href="../index"> <i class="icofont icofont-home"></i>
                                                </a></li>
                                                <li class="breadcrumb-item"><a href="#!">产品管理</a></li>
                                                <li class="breadcrumb-item"><a href="#!">产品查询</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="page-body">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="card table-1-card">
                                                    <div class="card-block">
                                                        <ul class="nav nav-tabs md-tabs " role="tablist">
                                                            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#product" role="tab"><i class="icofont icofont-home"></i>产品</a><div class="slide"></div></li>
                                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#sale" role="tab"><i class="icofont icofont-ui-message"></i>产品组合</a><div class="slide"></div></li>
                                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#activity" role="tab"><i class="icofont icofont-ui-user "></i>项目/活动</a><div class="slide"></div></li>
                                                        </ul>
                                                        <div class="tab-content card-block">
                                                            <!-- 产品属性 -->
                                                            <div class="tab-pane active" id="product" role="tabpanel">
                                                                <div class="search-wrap">
                                                                    <el-form :model="searchForm" ref="searchForm" class="demo-form-inline" label-width="100px">
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="产品代码" prop="productcode">
                                                                                    <el-input placeholder="请输入产品代码" v-model="searchForm.productcode" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="产品名称" prop="productname">
                                                                                    <el-input placeholder="请输入产品名称" v-model="searchForm.productname" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="险种类别" prop="insurancetype">
                                                                                    <el-select filterable v-model="searchForm.insurancetype" placeholder="请选择险种类别" clearable>
                                                                                        <el-option v-for="category in category" :label="category.label" :value="category.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="产品状态" prop="productstate">
                                                                                    <el-select filterable v-model="searchForm.productstate" placeholder="请选择产品状态" clearable>
                                                                                        <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="附件类别" prop="atttype">
                                                                                    <el-select filterable v-model="searchForm.atttype" placeholder="请选择附件类别" clearable>
                                                                                        <el-option v-for="filesType in productFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布状态" prop="releasestate">
                                                                                    <el-select filterable v-model="searchForm.releasestate" placeholder="请选择发布状态" clearable>
                                                                                        <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布人" prop="createname">
                                                                                    <el-input placeholder="请输入发布人" v-model="searchForm.createname" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布日期" prop="createtime">
                                                                                    <el-date-picker v-model="searchForm.createtime" type="date" placeholder="请选择发布日期"></el-date-picker>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布栏目" prop="releasecolumn">
                                                                                    <el-select filterable v-model="searchForm.releasecolumn" placeholder="请选择发布栏目" clearable>
                                                                                        <el-option v-for="type in types" :label="type.label" :value="type.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="可查看机构" prop="viewabledept">
                                                                                    <el-select filterable v-model="searchForm.viewabledept" placeholder="请选择可查看机构" clearable>
                                                                                        <el-option v-for="organ in organs" :label="organ.label" :value="organ.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="可查看岗位" prop="viewablepsn">
                                                                                    <el-select filterable v-model="searchForm.viewablepsn" placeholder="请选择可查看岗位" clearable>
                                                                                        <el-option v-for="permissions in permissions" :label="permissions.TP_NAME" :value="permissions.TP_NAME"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="审核状态" prop="examineState">
                                                                                    <el-select filterable v-model="searchForm.examineState" placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="24" style="text-align:right;">
                                                                                <button type="button" class="btn btn-round btn-success"  @click="selectProduct()"><i class="icofont icofont-ui-search"></i>查询</button>
                                                                                <button type="button" class="btn btn-round btn-warning" @click="resetSearchForm('searchForm')"><i class="icofont icofont icofont-ui-delete"></i>清空</button>
                                                                            </el-col>
                                                                        </el-row>
                                                                    </el-form>
                                                                </div>
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr><th>产品代码</th><th>产品名称</th><th>产品类别</th><th>产品状态</th><th>发布状态</th><th>审核状态</th><th>操作</th></tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <tr v-for="(product,index) in productItems"><td>{{product.productcode}}</td><td style="width:40%"><span style="display:block; width:100%; white-space:normal;">{{product.productname}}</span></td><td>{{product.insurancetype}}</td><td>{{product.productstate}}</td><td>{{product.releasestate}}</td><td>{{product.approvalstatus}}</td><td class="tabledit-view-mode"><button @click="viewItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">查看</button><button  @click="changeItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">修改</button></td></tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                <el-pagination background layout="prev, pager, next,total" :total="pageBean.totalNumber" :current-page.sync="currentpage" @current-change="handleCurrentChange" ></el-pagination>
                                                                <!-- 查看 -->
                                                                <el-dialog :title="viewTitle" :visible.sync="showProductDialog" :close-on-click-modal="false" width="60%">
                                                                   <el-form ref="form" :model="form" label-width="130px">
							                                           <el-row>
							                                               <el-col :span="12">
							                                                   <el-form-item label="产品代码" prop="productcode">
							                                                       <el-input v-model="form.productcode" :disabled="isDisabled" placeholder="请输入产品代码"></el-input>
							                                                   </el-form-item>
							                                               </el-col>
							                                               <el-col :span="12">
							                                                   <el-form-item label="产品名称" prop="productname">
							                                                       <el-input v-model="form.productname" :disabled="isDisabled" placeholder="请输入产品名称"></el-input>
							                                                   </el-form-item>
							                                               </el-col>
							                                           </el-row>
							                                           <el-row>
							                                               <el-col :span="12">
							                                                   <el-form-item label="险种类别" prop="insurancetype">
							                                                       <el-select v-model="form.insurancetype" :disabled="isDisabled" placeholder="请选择险种类别">
							                                                           <el-option v-for="category in categories" :label="category.label" :value="category.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                               <el-col :span="12">
							                                                   <el-form-item label="产品状态" prop="productstate">
							                                                       <el-select v-model="form.productstate" :disabled="isDisabled" placeholder="请选择产品状态">
							                                                           <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                           </el-row>
							                                           <el-row>
							                                               <el-col :span="12">
							                                                   <el-form-item label="发布状态" prop="releasestate">
							                                                       <el-select v-model="form.releasestate" :disabled="isDisabled" placeholder="请选择发布状态">
							                                                           <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                               <el-col :span="12">
							                                                   <el-form-item label="发布有效期" prop="relaseDate">
							                                                       <el-date-picker v-model="form.relaseDate" :disabled="isDisabled" type="daterange" range-separator="至"></el-date-picker>
							                                                   </el-form-item>
							                                               </el-col>
							                                           </el-row>
							                                           <el-row>
							                                               <el-col :span="12">
							                                                   <el-form-item label="发布栏目" prop="releasecolumns">
							                                                       <el-select multiple filterable v-model="form.releasecolumns" :disabled="isDisabled" placeholder="请选择发布栏目">
							                                                           <el-option v-for="type in types" :label="type.label" :value="type.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                               <el-col :span="12">
							                                                   <el-form-item label="使用渠道" prop="usechannels">
							                                                       <el-select multiple filterable v-model="form.usechannels" :disabled="isDisabled" placeholder="请选择使用渠道">
							                                                           <el-option v-for="channel in channels" :value="channel.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                           </el-row>
							                                           <el-row>
							                                               <el-col :span="12">
							                                                   <el-form-item label="可查看人员" prop="viewablepsns">
							                                                       <el-select multiple filterable v-model="form.viewablepsns" :disabled="isDisabled" placeholder="请选择可查看人员">
							                                                           <el-option v-for="permissions in permissions" :label="permissions.label" :value="permissions.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                               <el-col :span="12">
							                                                   <el-form-item label="可查看机构" prop="viewabledepts">
							                                                       <el-select multiple filterable v-model="form.viewabledepts" :disabled="isDisabled" placeholder="请选择可查看机构">
							                                                           <el-option v-for="organ in organs" :value="organ.value"></el-option>
							                                                       </el-select>
							                                                   </el-form-item>
							                                               </el-col>
							                                           </el-row>
							                                           <el-row>
                                                                         <el-col :span="12">
                                                                                <el-form-item label="审核状态" prop="approvalstatus">
                                                                                    <el-select filterable v-model="form.approvalstatus" :disabled="isDisabled"  placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="12">
                                                                            	<el-form-item label="审批未通过原因" v-if="approveNoNotes" prop="approvalcomments">
                                                                                	<el-input v-model="form.approvalcomments" clearable placeholder="审批未通过原因" :disabled="isDisabled"></el-input>
                                                                         		</el-form-item>
                                                                         	</el-col>
                                                                          </el-row>
							                                           <el-row v-for="(file, index) in form.files">
							                                               <el-col :span="24">
							                                                   <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
							                                                       <el-select v-model="file.filesTypes" :disabled="isDisabled" placeholder="请选择附件类别">
							                                                           <el-option v-for="filesType in productFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
							                                                       </el-select>
								                                                    <div class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in file.fileList" @click="downloadFile(file)">{{file.name}}</span></div>
							                                                   </el-form-item>
							                                               </el-col>
							                                            </el-row>
							                                        </el-form>
                                                                    <span slot="footer" class="dialog-footer">
                                                                        <el-button v-if="isDisabled" type="primary" @click="showProductDialog=false">关闭</el-button>
                                                                        <el-button v-else type="primary" @click="saveForm('form')">保存</el-button>
                                                                    </span>
                                                                </el-dialog>
                                                            </div>
                                                            
                                                            <!-- 销售计划 -->
                                                            <div class="tab-pane" id="sale" role="tabpanel">
                                                                <div class="search-wrap">
                                                                    <el-form :model="searchForm" ref="searchForm" class="demo-form-inline" label-width="100px">
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="计划代码" prop="productcode">
                                                                                    <el-input placeholder="请输入计划代码" v-model="searchForm.productcode" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="计划名称" prop="productname">
                                                                                    <el-input placeholder="请输入计划名称" v-model="searchForm.productname" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="险种类别" prop="insurancetype">
                                                                                    <el-select filterable v-model="searchForm.insurancetype" placeholder="请选择险种类别" clearable>
                                                                                        <el-option v-for="category in category" :value="category.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="计划状态" prop="productstate">
                                                                                    <el-select filterable v-model="searchForm.productstate" placeholder="请选择计划状态" clearable>
                                                                                        <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布状态" prop="releasestate">
                                                                                    <el-select filterable v-model="searchForm.releasestate" placeholder="请选择发布状态" clearable>
                                                                                        <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布日期" prop="createtime">
                                                                                    <el-date-picker v-model="searchForm.createtime" type="date" placeholder="请选择发布日期"></el-date-picker>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="使用渠道" prop="usechannel">
                                                                                    <el-select filterable v-model="searchForm.usechannel" placeholder="请选择使用渠道" clearable>
                                                                                        <el-option v-for="channel in channels" :label="channel.label" :value="channel.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="可查看机构" prop="viewabledept">
                                                                                    <el-select filterable v-model="searchForm.viewabledept" placeholder="请选择可查看机构" clearable>
                                                                                        <el-option v-for="organ in organs" :label="organ.label" :value="organ.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="可查看岗位" prop="viewablepsn">
                                                                                    <el-select filterable v-model="searchForm.viewablepsn" placeholder="请选择可查看岗位" clearable>
                                                                                        <el-option v-for="permissions in permissions" :label="permissions.TP_NAME" :value="permissions.TP_NAME"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="附件类别" prop="atttype">
                                                                                    <el-select filterable v-model="searchForm.atttype" placeholder="请选择附件类别" clearable>
                                                                                        <el-option v-for="filesType in saleFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="审核状态" prop="examineState">
                                                                                    <el-select filterable v-model="searchForm.examineState" placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8" style="text-align:right;">
                                                                                <button type="button" class="btn btn-round btn-success" @click="selectProduct()"><i class="icofont icofont-ui-search"></i>查询</button>
                                                                                <button type="button" class="btn btn-round btn-warning" @click="resetSearchForm('searchForm')"><i class="icofont icofont icofont-ui-delete"></i>清空</button>
                                                                            </el-col>
                                                                        </el-row>
                                                                    </el-form>
                                                                </div>
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr><th>计划代码</th><th>计划名称</th><th>险种类别</th><th>计划状态</th><th>发布状态</th><th>发布人</th><th>审核状态</th><th>操作</th></tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <tr v-for="(sale,index) in saleItems"><td>{{sale.productcode}}</td><td>{{sale.productname}}</td><td>{{sale.insurancetype}}</td><td>{{sale.productstate}}</td><td>{{sale.releasestate}}</td><td>{{sale.createuser}}</td><td>{{sale.approvalstatus}}</td><td class="tabledit-view-mode"><button @click="viewItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">查看</button><button @click="changeItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">修改</button></td></tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                <el-pagination background layout="prev, pager, next,total" :total="pageBean.totalNumber" :current-page.sync="currentpage" @current-change="handleCurrentChange" ></el-pagination>
                                                                <!-- 查看 -->
                                                                <el-dialog :title="viewTitle" :visible.sync="showSaleDialog" :close-on-click-modal="false" width="60%">
                                                                     <el-form ref="form" :model="form" label-width="130px">
								                                          <el-row>
								                                              <el-col :span="12">
								                                                  <el-form-item label="计划代码" prop="productcode">
								                                                      <el-input v-model="form.productcode" :disabled="isDisabled" placeholder="请输入计划代码"></el-input>
								                                                  </el-form-item>
								                                              </el-col>
								                                              <el-col :span="12">
								                                                  <el-form-item label="计划名称" prop="productname">
								                                                      <el-input v-model="form.productname" :disabled="isDisabled" placeholder="请输入计划名称"></el-input>
								                                                  </el-form-item>
								                                              </el-col>
								                                          </el-row>
								                                          <el-row>
								                                              <el-col :span="12">
								                                                  <el-form-item label="险种类别" prop="insurancetype">
								                                                      <el-select v-model="form.insurancetype" placeholder="请选择险种类别" :disabled="isDisabled">
								                                                          <el-option v-for="category in category" :value="category.value"></el-option>
								                                                      </el-select>
								                                                  </el-form-item>
								                                              </el-col>
								                                              <el-col :span="12">
								                                                  <el-form-item label="计划状态" prop="productstate">
								                                                      <el-select v-model="form.productstate" placeholder="请选择计划状态" :disabled="isDisabled">
								                                                          <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
								                                                      </el-select>
								                                                  </el-form-item>
								                                              </el-col>
								                                          </el-row>
								                                          <el-row>
								                                              <el-col :span="12">
								                                                  <el-form-item label="发布状态" prop="releasestate">
								                                                      <el-select v-model="form.releasestate" placeholder="请选择发布状态" :disabled="isDisabled">
								                                                          <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
								                                                      </el-select>
								                                                  </el-form-item>
								                                              </el-col>
								                                              <el-col :span="12">
								                                                  <el-form-item label="发布有效期" prop="relaseDate">
								                                                      <el-date-picker v-model="form.relaseDate" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" :disabled="isDisabled"></el-date-picker>
								                                                  </el-form-item>
								                                              </el-col>
								                                          </el-row>
								                                          <el-row>
								                                              <el-col :span="12">
								                                              </el-col>
								                                              <el-col :span="12">
								                                              </el-col>
								                                          </el-row>
								                                          <el-row>
                                                                         <el-col :span="12">
                                                                                <el-form-item label="审核状态" prop="approvalstatus">
                                                                                    <el-select filterable v-model="form.approvalstatus" :disabled="isDisabled"  placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="12">
                                                                            	<el-form-item label="审批未通过原因" v-if="approveNoNotes" prop="approvalcomments">
                                                                                	<el-input v-model="form.approvalcomments" clearable placeholder="审批未通过原因" :disabled="isDisabled"></el-input>
                                                                         		</el-form-item>
                                                                         	</el-col>
                                                                          </el-row>
								                                          <el-row v-for="(file, index) in form.files">
								                                              <el-col :span="24">
								                                                  <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
								                                                      <el-select v-model="file.filesTypes" :disabled="isDisabled" placeholder="请选择附件类别">
								                                                          <el-option v-for="filesType in saleFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
								                                                      </el-select>
									                                                   <div class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in file.fileList" @click="downloadFile(file)">{{file.name}}</span></div>
								                                                  </el-form-item>
								                                              </el-col>
				                                            		     </el-row>
								                                      </el-form>
                                                                    <span slot="footer" class="dialog-footer">
                                                                        <el-button v-if="isDisabled" type="primary" @click="showSaleDialog=false">关闭</el-button>
                                                                        <el-button v-else type="primary" @click="saveForm('form')">保存</el-button>
                                                                    </span>
                                                                </el-dialog>
                                                            </div>
                                                            <!-- 项目/活动 -->
                                                            <div class="tab-pane" id="activity" role="tabpanel">
                                                                <div class="search-wrap">
                                                                    <el-form :model="searchForm" ref="searchForm" class="demo-form-inline" label-width="100px">
                                                                        <el-row>
                                                                            <el-col :span="16">
                                                                                <el-form-item label="项目活动名称" prop="projectname">
                                                                                    <el-input placeholder="请输入项目活动名称" v-model="searchForm.projectname" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="活动时间" prop="projectstartdate">
                                                                                    <el-date-picker v-model="searchForm.projectstartdate" type="date" placeholder="请选择发布日期"></el-date-picker>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布状态" prop="releasestate">
                                                                                    <el-select filterable v-model="searchForm.releasestate" placeholder="请选择发布状态" clearable>
                                                                                        <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布人" prop="createname">
                                                                                    <el-input placeholder="请输入发布人" v-model="searchForm.createname" clearable></el-input>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="发布日期" prop="createtime">
                                                                                    <el-date-picker v-model="searchForm.createtime" type="date" placeholder="请选择发布日期"></el-date-picker>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                        </el-row>
                                                                        <el-row>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="附件类别" prop="atttype">
                                                                                    <el-select filterable v-model="searchForm.atttype" placeholder="请选择附件类别" clearable>
                                                                                        <el-option v-for="filesType in projectFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8">
                                                                                <el-form-item label="审核状态" prop="examineState">
                                                                                    <el-select filterable v-model="searchForm.examineState" placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="8" style="text-align:right;">
                                                                                <button type="button" class="btn btn-round btn-success" @click="selectProject()"><i class="icofont icofont-ui-search"></i>查询</button>
                                                                                <button type="button" class="btn btn-round btn-warning" @click="resetSearchForm('searchForm')"><i class="icofont icofont icofont-ui-delete"></i>清空</button>
                                                                            </el-col>
                                                                        </el-row>
                                                                    </el-form>
                                                                </div>
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr><th>项目活动名称</th><th>活动时间</th><th>发布状态</th><th>发布人</th><th>审核状态</th><th>操作</th></tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            <tr v-for="(activity,index) in activityItems"><td style="width:40%"><span style="display:block; width:100%; white-space:normal;">{{activity.projectname}}</span></td><td>{{activity.activityDate}}</td><td>{{activity.releasestate}}</td><td>{{activity.createuser}}</td><td>{{activity.approvalstatus}}</td><td class="tabledit-view-mode"><button @click="viewItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">查看</button><button  @click="changeItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">修改</button></td></tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                <el-pagination background layout="prev, pager, next,total" :total="pageBean.totalNumber" :current-page.sync="currentpage" @current-change="handleCurrentChange" ></el-pagination>
                                                                <!-- 查看 -->
                                                                <el-dialog :title="viewTitle" :visible.sync="showActivityDialog" :close-on-click-modal="false" width="60%">
                                                                   <el-form ref="form" :model="form" label-width="130px">
								                                        <el-row>
								                                            <el-col :span="24">
								                                                <el-form-item label="项目活动名称" prop="projectname">
								                                                    <el-input v-model="form.projectname" :disabled="isDisabled" placeholder="请输入项目活动名称"></el-input>
								                                                </el-form-item>
								                                            </el-col>
								                                        </el-row>
								                                        <el-row>
								                                            <el-col :span="12">
								                                                <el-form-item label="活动时间" prop="relaseDate">
								                                                    <el-date-picker v-model="form.relaseDate" :disabled="isDisabled" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
								                                                </el-form-item>
								                                            </el-col>
								                                            <el-col :span="12">
								                                                <el-form-item label="发布状态" prop="releasestate">
								                                                    <el-select v-model="form.releasestate" :disabled="isDisabled" placeholder="请选择发布状态">
								                                                        <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
								                                                    </el-select>
								                                                </el-form-item>
								                                            </el-col>
								                                        </el-row>
								                                        <el-row>
                                                                         <el-col :span="12">
                                                                                <el-form-item label="审核状态" prop="approvalstatus">
                                                                                    <el-select filterable v-model="form.approvalstatus" :disabled="isDisabled"  placeholder="请选择审核状态" clearable>
                                                                                        <el-option v-for="approveState in examineState" :label="approveState.label" :value="approveState.value"></el-option>
                                                                                    </el-select>
                                                                                </el-form-item>
                                                                            </el-col>
                                                                            <el-col :span="12">
                                                                            	<el-form-item label="审批未通过原因" v-if="approveNoNotes" prop="approvalcomments">
                                                                                	<el-input v-model="form.approvalcomments" clearable placeholder="审批未通过原因" :disabled="isDisabled"></el-input>
                                                                         		</el-form-item>
                                                                         	</el-col>
                                                                          </el-row>
								                                        <el-row v-for="(file, index) in form.files">
								                                            <el-col :span="24">
								                                                <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
								                                                    <el-select v-model="file.filesTypes" :disabled="isDisabled" placeholder="请选择附件类别">
								                                                        <el-option v-for="filesType in projectFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
								                                                    </el-select>
										                                              <div class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in file.fileList" @click="downloadFile(file)">{{file.name}}</span></div>
								                                                </el-form-item>
								                                            </el-col>
								                                        </el-row>
								                                    </el-form>
                                                                    <span slot="footer" class="dialog-footer">
                                                                        <el-button v-if="isDisabled" type="primary" @click="showActivityDialog=false">关闭</el-button>
                                                                        <el-button v-else type="primary" @click="saveForm('form')">保存</el-button>
                                                                    </span>
                                                                </el-dialog>
                                                            </div>
                                                            <!-- <div style="padding-bottom:1.25rem;"  id="pages"> -->
                                                            	<!-- <el-pagination background layout="prev, pager, next,total" :total="pageBean.totalNumber" :current-page="currentpage" @current-change="handleCurrentChange" ></el-pagination> -->
                                                            <!-- </div> -->
                                                        	</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- main end -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Older IE warning message -->
	<!-- Warning Section Ends -->
	<!-- Required Jqurey -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery/js/jquery.min.js')}"></script>
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-ui/js/jquery-ui.min.js')}"></script> -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/popper.js/js/popper.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap/js/bootstrap.min.js')}"></script>
	<!-- jquery slimscroll js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-slimscroll/js/jquery.slimscroll.js')}"></script>
	<!-- modernizr js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/modernizr.js')}"></script>
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/css-scrollbars.js')}"></script> -->
	<!-- classie js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/classie/js/classie.js')}"></script>


	<!-- i18next.min.js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next/js/i18next.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js')}"></script>
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js')}"></script> -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-i18next/js/jquery-i18next.min.js')}"></script>



	<!-- Bootstrap date-time-picker js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/moment-with-locales.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/bootstrap-datetimepicker.min.js')}"></script>
	<!-- Date-range picker js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/js/daterangepicker.js')}"></script>
	<!-- Date-dropper js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datedropper/js/datedropper.min.js')}"></script>
	<!-- Custom js -->
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/custom-picker.js')}"></script> -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/script.js')}"></script>
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script> -->
	<!-- pcmenu js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/demo-12.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/jquery.mCustomScrollbar.concat.min.js')}"></script>
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/jquery.mousewheel.min.js')}"></script> -->
    <!-- datatables -->
    <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/jquery.dataTables.min.js')}"></script>
    <!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/dataTables.buttons.min.js')}"></script> -->
    <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/jszip.min.js')}"></script>
    <!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/pdfmake.min.js')}"></script>
    <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/vfs_fonts.js')}"></script>
    <script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datatable/buttons.html5.min.js')}"></script> -->
    <!-- vue -->
    <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/vue/vue.min.js')}"></script>
    <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/vue/element.js')}"></script>
    <!-- pages -->
    <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pages/common.js')}"></script>
    <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/pages/product/productItems.js')}"></script>
</body>

</html>
